<template>
  <div class="hotNewGoods">
    <van-swipe
      class="my-swipe"
      :autoplay="3000"
      indicator-color="white"
    >
      <van-swipe-item v-for="imageItem in Banner" :key="imageItem.id">
        <router-link :to="imageItem.link">
          <van-image :src="imageItem.img" />
        </router-link>
      </van-swipe-item>
    </van-swipe>
    <!-- <div>
      <van-icon name=""></van-icon>{{}}
    </div> -->
    <ul class="bastList">
      <li v-for="bastItem in List" :key="bastItem.id">
        <BastItem :bastItem="bastItem"></BastItem>
      </li>
    </ul>
  </div>
</template>

<script>
import BastItem from "../components/index/BastItem"
export default {
  name: "HotNewGoods",
  data() {
    return {
      Banner: [],
      List:[]
    };
  },
  created() {
    this.Banner = this.$route.query.banner;
    this.List=this.$route.query.list
  },
  components:{
    BastItem
  }
};
</script>

<style lang="less" scoped>
// 轮播图
  .my-swipe {
    height: 21vh;
    .van-swipe-item {
      color: #fff;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
  .bastList {
      margin: 0 4vw;
    }
</style>